import React from 'react';
import { Button, Carousel } from 'antd-mobile';
import DoctorItem from './DoctorItem.jsx'
import './doctorlist.css'
import TimeBase from './TimeBase.jsx'
const dataSource = [
    {
        id: 1,
        name: '麦克张',
        job: '人族法师',
        major: '儿科 兽医 手术',
        img: ''
    },
    {
        id: 2,
        name: '杰克李',
        job: '死灵骑士',
        major: '儿科 兽医 手术',
        img: ''
    },
    {
        id: 3,
        name: '斯坦赵',
        job: '部落狂战士',
        major: '儿科 兽医 手术',
        img: ''
    }
]
class DoctorList extends React.Component {    
    render() {
        let items = dataSource.map( (val, index) => {
            return <DoctorItem key={ index } name={val.name} job={val.job} major={val.major}/>            
        });
        return (
            <div className="healthlist-wrap">
                {items}                
            </div>
        )
    }
}

//导出组件；
export default DoctorList;
